<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>WebOficina</title>
    </h:head>
    <h:body>
        <h:form>
            <title>Cadastro de Cliente</title>

            <p:menubar>
                <p:submenu label="Cadastro">
                    <p:menuitem value="Cidades" url="cidade.jsf"/>
                    <p:menuitem value="Clientes" url="cliente.jsf"/>
                    <p:menuitem value="Funcionários" />
                    <p:menuitem value="Serviços e Peças" />
                </p:submenu>
                <p:submenu label="Movimento">  
                    <p:menuitem value="Serviços" />
                </p:submenu>
                <p:submenu label="Relatórios">  
                    <p:menuitem value="Ordem de Serviço" />
                </p:submenu>
                <p:submenu label="Avançado">  
                    <p:menuitem value="Usuário" />
                </p:submenu>
            </p:menubar>

            <div id="divCabecalho" style="font-size: 18px;" class="ui-widget ui-widget-header ui-corner-all">
                <p align="center"> Cadastro de Cliente </p>
            </div>
            
            <p:dataTable var="cliente" value="#{clientecontroller.listCliente}" rowKey="#{cliente.id}" paginator="true" rows="10" selectionMode="single">

                <p:column headerText="ID" sortBy="#{cliente.id}" filterBy="#{cliente.id}" id="id">  
                    #{cliente.id}
                </p:column>

                <p:column headerText="Nome" sortBy="#{cliente.nome}" filterBy="#{cliente.nome}" id="nome">  
                    #{cliente.nome}
                </p:column>

                <p:column headerText="Endereço" sortBy="#{cliente.endereco}" filterBy="#{cliente.endereco}" id="endereco">  
                    #{cliente.endereco}
                </p:column>

                <p:column headerText="Bairro" sortBy="#{cliente.bairro}" filterBy="#{cliente.bairro}" id="bairro">  
                    #{cliente.bairro}
                </p:column>

                <p:column headerText="Cidade" sortBy="#{cliente.cidade.nome}" filterBy="#{cliente.cidade.nome}" id="cidade">  
                    #{cliente.cidade.nome}
                </p:column>

                <p:column headerText="CEP" sortBy="#{cliente.cep}" filterBy="#{cliente.cep}" id="cep">  
                    #{cliente.cep}
                </p:column>
                
                <p:column headerText="RG/IE" sortBy="#{cliente.rgie}" filterBy="#{cliente.rgie}" id="rgie">  
                    #{cliente.rgie}
                </p:column>

                <p:column headerText="Data Nasc." sortBy="#{cliente.datanasc}" filterBy="#{cliente.datanasc}" id="datanasc">  
                    #{cliente.datanasc}
                </p:column>

                <p:column headerText="Telefone" sortBy="#{cliente.telefone}" filterBy="#{cliente.telefone}" id="telefone">  
                    #{cliente.telefone}
                </p:column>

                <p:column headerText="Celular" sortBy="#{cliente.celular}" filterBy="#{cliente.celular}" id="celular">  
                    #{cliente.celular}
                </p:column>

                <p:column headerText="Email" sortBy="#{cliente.email}" filterBy="#{cliente.email}" id="email">  
                    #{cliente.email}
                </p:column>
            </p:dataTable>

            <p:toolbar style="font-size: 11px;">
                <p:toolbarGroup align="left" style="font-size: 11px;">  
                    <p:commandButton type="button" value="Inserir" icon="ui-icon-pencil" title="Clique para inserir um novo registro"/>
                    <p:separator />
                    <p:commandButton type="button" value="Alterar" icon="ui-icon-pencil" title="Clique para alterar o registro selecionado"/>
                    <p:separator />
                    <p:commandButton type="button" value="Excluir" icon="ui-icon-trash" title="Clique para excluir o registro selecionado"/>
                    <p:separator />
                    <p:commandButton type="button" value="Imprimir" icon="ui-icon-print" title="Clique para imprimir a grade"/>
                    <p:separator />
                    <p:commandButton type="button" value="Atualizar" icon="ui-icon-refresh" title="Clique para atualizar a grade"/>
                </p:toolbarGroup>
            </p:toolbar>             
        </h:form>
    </h:body>
</html>
